body {
	background-color:#d7dde8;
	margin-top: 50px;
	margin-left:0px;
	margin-bottom: 20px;
	padding: 0;
	color: #444;
	--font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
	--font-family: Arial, Helvetica, sans-serif;
	font-family: Tahoma;
	font-size: 11px;
}
.pull-right{
	float: right;
}
.pull-left{
	float: left;
}
h1, h2, h3{
	color:#436e97;
	font-weight:lighter;
	--text-indent:5px;
}

 h4, h5{
	color:#436e97;
	font-weight:bold;
	--text-indent:5px;
}



.righNav{
	background-color:#fff;
	height:40px;	
	box-shadow: 0px 0px 15px #aaa;
}

.pic{
	border:3px Solid #fff;
	box-shadow: 0px 0px 5px #aaa;
}
.menu{
	text-align: center;
	border-right: 1px Solid #283752;
	width:40px;
	--font-weight:bold;
	--text-shadow: 1px 0px #444;
	cursor:pointer;
}

.menu:Hover{
	background-color:#dc7e04;
	
}

.forms:Hover{
	cursor: pointer;
	background-color:#bcc7d8;
}
.bdyTable{
	background-color:#fff;
	width:200px;
	padding:5px;
	margin-left:10px;
	box-shadow: 0px 0px 15px #aaa;
	border-radius:5px;
}

.loginbgdiv{
	-moz-box-shadow:    3px 3px 5px 20px #ccc;
	-webkit-box-shadow: 3px 3px 5px 6px #ccc;
	box-shadow:         3px 3px 5px 3px #ccc;
	background-color:#283752;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #283752), color-stop(1, #384355) );
	background:-moz-linear-gradient( center top, #283752 5%, #384355 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#283752', endColorstr='#384355');
}
textarea{
	padding:2px 2px 2px 2px;
	border:1px solid #CCCCCC;
	font-family: Tahoma;
	font-size: 11px;
	color:#444;
}

input[class^="input-"],
input[class*="input-"]{
    border-top: 1px solid #B3B3B3;
    border-left: 1px solid #B3B3B3;
    border-right: 1px solid #EAEAEA;
    border-bottom: 1px solid #EAEAEA;
    color: black;
    font-family: Lucida Grande, Verdana, Lucida Sans Regular, Lucida Sans Unicode, Arial, sans-serif;
    font-size: 11px;
}
.input-comment{
    height: 50px;
    width: 91%;
    margin-left: 5px;
    overflow: hidden;
    resize: none;
    border: 1px solid #ddd;
}
.input-search{
    width: 30%;
    height: 16px;
    margin-top: 1px;
    padding: 5px 30px 5px 5px;
    outline: none;
    opacity: 0.5;
    border:1px solid #ddd;
    background-color: #fff;
    font-size: 11px;
    float: right;
    margin-right: 5px;
    background: url("/images/icon/search.png") right no-repeat;
    
}

.input-small{
    width: 70%;
    padding: 5px;
    outline: none;
    margin-top: 5px;
    
}
.input-normal{
    width: 40%;
    padding: 5px;
    outline: none;
    margin-top: 5px;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-left: 5px;
    
}
.input-x-medium{
    width: 190px;
    padding: 5px;
    outline: none;
    margin-top: 5px;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-left: 5px;
    
}
.input-medium{
    width: 90%;
    padding: 5px;
    outline: none;
    margin-top: 5px;
    
}

input[type=text] 
{
  	padding:2px 2px 2px 2px;
	border-top: 1px solid #B3B3B3;
	border-left: 1px solid #B3B3B3;
	border-right: 1px solid #EAEAEA;
	border-bottom: 1px solid #EAEAEA;
	height:18px;
	font-family: Tahoma;
	font-size: 11px;
	color:#444;
	width:165px;
}

input[type=password] 
{
  	padding:2px 2px 2px 2px;
	border-top: 1px solid #B3B3B3;
	border-left: 1px solid #B3B3B3;
	border-right: 1px solid #EAEAEA;
	border-bottom: 1px solid #EAEAEA;
	height:18px;
	font-family: Tahoma;
	font-size: 11px;
	color:#444;
	width:165px;
}
.hr {
	clear: both;
	padding: 0;
	margin: 0 0 1em;
	height: 5px;
	background: rgba(0, 0, 0, 0) url("/images/themes/hr-bg.gif") repeat-x 0 0;
}
select{
	padding:2px 2px 2px 2px;
	border:1px solid #ccc;
	width:165px;
	height:25px;
	--font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
	font-family: Tahoma;
	font-size: 11px;
	color:#444;
}

a {
  color: #00B7FF;
}

.editDelete{
	color:#436e97;
	text-decoration:none;
	font-size:11px;
}
.editDelete:Hover{
	text-decoration:underline;
}

.control{
	padding: 3px;
	color:#222;
	text-decoration:none;
	font-size:11px;
}
.control:Hover{
	background-color:#dc7e04;
	cursor:pointer;
}
.classname {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fff), color-stop(1, #eee) );
	background:-moz-linear-gradient( center top, #fff 5%, #eee 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee');
	--background-color:#ededed;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:3px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#777777;
	font-size:11px;
	font-weight:bold;
	--padding:6px 24px;
	padding:6px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
}
.classname:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #eee), color-stop(1, #fff) );
	background:-moz-linear-gradient( center top, #eee 5%, #fff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff');
	background-color:#dfdfdf;
	cursor: pointer;
}
.classname:active {
	position:relative;
	top:1px;
}
/*  Tab CSS Style */
#tabs{
  overflow: hidden;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}

#tabs li{
  float: left;
  margin: 0 .5em 0 0;
}

#tabs a{
  position: relative;
  background: #ddd;
  background-image: linear-gradient(to bottom, #fff, #eee);  
  background-image: -webkit-linear-gradient(top, white, #eee); 
  --padding: .7em 3.5em;
  padding: .5em 2.5em;
  float: left;
  text-decoration: none;
  color: #444;
  text-shadow: 0 1px 0 rgba(255,255,255,.8);
  border-radius: 5px 0 0 0;
  box-shadow: 0 2px 2px rgba(0,0,0,.4);
}

#tabs a:hover,
#tabs a:hover::after,
#tabs a:focus,
#tabs a:focus::after{
  background: #fff;
}

#tabs a:focus{
  outline: 0;
}

#tabs a::after{
  content:'';
  position:absolute;
  z-index: 1;
  top: 0;
  right: -.5em;  
  bottom: 0;
  width: 1em;
  background: #ddd;
  background-image: linear-gradient(to bottom, #fff, #eee) ;
  background-image: -webkit-linear-gradient(top, white, #eee); 
  box-shadow: 2px 2px 2px rgba(0,0,0,.4);
  transform: skew(10deg);
  -webkit-transform: skew(10deg);
  border-radius: 0 5px 0 0;  
}

#tabs #current a,
#tabs #current a::after{
  background: #fff;
  z-index: 3;
}

#content
{
    background: #fff;
    padding: 1em;
    height: auto;
    position: relative;
    z-index: 2;	
    border-radius: 0 5px 5px 5px;
	--border: 1px Solid #eee;
    box-shadow: 0 -2px 3px -2px rgba(0, 0, 0, .5);
}

#lean_overlay {
	position: fixed;
    z-index:100;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    background: #000;
    display: none;
}


/*scrollpane custom CSS*/
.jspVerticalBar {
	width: 8px;
	background: transparent;
	right:0px;
}

.jspHorizontalBar {
	bottom: 5px;
	width: 100%;
	height: 8px;
	background: transparent;
}
.jspTrack {
	background: transparent;
}

.jspDrag {
	background: url(images/transparent-black.png) repeat;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
	float: left;
	height: 100%;
}



.jspCorner {
	display:none
}

.rightNavRow{
	background-color:#f2f4f8;
}
.rightNavRow:hover{
	background-color:#e0e4ee;
	cursor:pointer;
}


/* For Users Header Portal */
.headerTopBar{
    top:0px;
    width: 100%; height: 40px;
    border-bottom: 2px solid  #000;
    position: fixed;z-index: 6100;
    box-shadow: 0px 0px 15px #aaa;
    background-color:#283752;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #283752), color-stop(1, #384355) );
	background:-moz-linear-gradient( center top, #283752 5%, #384355 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#283752', endColorstr='#384355');
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#888888')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#8888888');
}
    .headerTopBar > div{
        margin: 0 auto; width: 1350px;
    }
        .headerTopBar > div > .companyName{
            float: left;color: #fff; font-size: 12px;
        }
        .headerTopBar > div > .loginMenu{
            float: right; color: #fff; font-size: 12px;
        }
        .headerTopBar > div > .loginMenu > .userMenu{
            float: left;height: 40px;padding: 0px 10px 0px 10px;
        }
        .userSeparator{
            float: left;margin-top: 5px;width: 1px;border-left: 1px solid #6f6f6f;height: 30px;
        }
            .headerTopBar > div > .loginMenu > .userMenu:hover{
                cursor: pointer;
                background-color: #6f6f6f;
            }
	.userMenu > div > a > .headLink{
            margin-top: 7px;
        }
        .userMenu > div{
            margin-top: 7px;color: #fff;
        }
	
/* Comment */

/* Comment DashBoard and Post Content like fb*/

.postContainerList{
    float: left;width: 500px;border-bottom:1px solid #ddd;min-height: 30px; padding: 5px;list-style: none;
}
.postContainerList > div:first-child{
    float: left;width: 10%;
}
.postContainerList > div:last-child{
    float: left;width: 85%;padding-left: 5px;
}
.requestPost{
    font-size: 15px;color: #6D84B4;
}
    .requestContentPost{
        text-align: justify; 
    }
    .requestButtonPost{
        color: #6D84B4;padding: 5px 0px 5px 0px;font-size:10px;
    }
a.hrefPostAction{
    color: #6D84B4;
}
.hrefPostAction:hover{
    text-decoration: underline;
    cursor: pointer;
}
/* Add Comment Design */
.addCommentPost{
    float:left;background-color: whiteSmoke;padding: 5px 10px 5px 5px
}
    .userAvatar{
        float: left;width: 40px;margin-top:5px;
    }
        .commentPost{
            float: left;width: 85%;
        }
        .userComment{
            font-size: 12px;color: #6D84B4;
        }
        .userAddComment{
            font-size:12px;text-align: justify;
        }